<template>
	<p
		class="mc-text"
		:style="_style"
	>
		{{value}}
	</p>
</template>
<script>
export default {
	name:'McText',
	props:{
		textStyle:{
			type:Object,
			default: () => ({
				'font-size':' 12px',
				color:'#00000',
				'text-align':'center',
				'line-height':'32px',
				'font-weight':'normal',
				'font-style':'normal',
				'text-decoration':'none',
			}),
		},
		value:{
			type:String,
			default:'',
		},
	},
	computed:{
		_style(){
			return {
				...this.textStyle,
				lineHeight:this.textStyle.lineHeight + 'px',
				fontSize:this.textStyle.fontSize + 'px',
			};
		},
	},
};
</script>
<style lang="scss" scoped>
.mc-text {
    padding: 3px 0;
    margin: 0;
    font-style: italic;
}
</style>